{% extends 'base.html' %}
{% load staticfiles %}

{% block title %}个人中心{% endblock %}

{% block content %}
    <div class="row text-center vertical-middle-sm">
        <h1>个人中心</h1>
        <div class="row">
            <div class="col-md-6">
                <div class="row">
                    <div class="text-right col-md-4"><span>用户名：</span></div>
                    <div class="text-left col-md-8"><span>{{ user.username }}</span></div>
                </div>
                <div class="row">
                    <div class="text-right col-md-4"><span>邮箱：</span></div>
                    <div class="text-left col-md-8"><span>{{ user.email }}</span></div>
                </div>
                <div class="row">
                    <div class="text-right col-md-4"><span>生日：</span></div>
                    <div class="text-left col-md-8"><span>{{ user_profile.birth }}</span></div>
                </div>
                <div class="row">
                    <div class="text-right col-md-4"><span>电话：</span></div>
                    <div class="text-left col-md-8"><span>{{ user_profile.phone }}</span></div>
                </div>
                <div class="row">
                    <div class="text-right col-md-4"><span>毕业学校：</span></div>
                    <div class="text-left col-md-8"><span>{{ user_info.school }}</span></div>
                </div>
                <div class="row">
                    <div class="text-right col-md-4"><span>工作单位：</span></div>
                    <div class="text-left col-md-8"><span>{{ user_info.company }}</span></div>
                </div>
                <div class="row">
                    <div class="text-right col-md-4"><span>职业：</span></div>
                    <div class="text-left col-md-8"><span>{{ user_info.profession }}</span></div>
                </div>
                <div class="row">
                    <div class="text-right col-md-4"><span>地址：</span></div>
                    <div class="text-left col-md-8"><span>{{ user_info.address }}</span></div>
                </div>
                <div class="row">
                    <div class="text-right col-md-4"><span>个人介绍：</span></div>
                    <div class="text-left col-md-8"><span>{{ user_info.about_me }}</span></div>
                </div>
                <a href="{% url 'account:myself_edit' %}">
                    <button class="btn btn-primary btn-lg">编辑个人资料</button>
                </a>
            </div>

            <div class="col-md-6">
                <div style="margin-right: 100px">
                    <img src="{% static 'account/image/timg (3).jpg'%}" alt="" name="user_face" class="img-circle"
                         width="180 px" id="my_photo">
                </div>

                <div style="margin-right: 100px">
                    <button class="btn btn-primary btn-lg" id="upload_image" onclick="upload_image_layer()">
                        上传头像
                    </button>
                </div>
            </div>

        </div>
    </div>
{% endblock %}